<!DOCTYPE html> 
<html manifest="engelmig.appcache"> 
	<head>
	<meta charset="utf-8">
	<meta name="robots" content="noindex, nofollow" /> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>ZEUS-OS</title> 
	<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />  
	<script src="jquery_1.6.4.min.js"></script>
	<script src="jquery.mobile-1.0.1.min.js"></script>
</head> 
<body> 
	  <div data-role="page" class="type-interior">  
  	  <div data-role="header" data-theme="b">
		<h1>ZEUS - OS</h1>
		<a href="index.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
	</div><!-- /header -->

		<div class="ui-body ui-body-a">
		 
     <form id="form_os" action="salvar.html" method="get" data-ajax="false">
           
		<div data-role="fieldcontain">
        <label for="frm_quantidade">Quantidade:</label>
	         <input type="text" name="frm_quantidade" id="frm_quantidade" value=""  />
		 </div>
            
            <div data-role="fieldcontain">
	         <label for="frm_valor">Valor Unitario:</label>
	         <input type="text" name="frm_valor" id="frm_valor" value=""  />
			</div>
            
			 <div data-role="fieldcontain">
	         <label for="frm_ordem">Ordem:</label>
	         <input type="text" name="frm_ordem" id="frm_ordem" value=""  />
			</div>
			
            <button type="submit" data-theme="e" name="submit" value="submit-value" data-icon="arrow-r">GRAVAR</button>  
         </form>
		</div><!-- /main -->


<script>
$(function(){
    $('input[type=submit]').click(function(){
    $.ajax({
            type      : 'post',
            url       : 'salvar.html',
            data      : 'qtd='+ $('#frm_quantidade').val() +'&valor='+ $('#frm_valor').val(),
            dataType  : 'html',
            success : function(txt){
                   $('body p').html(txt);
                }
        });

        });
    });
</script>

	
<div data-role="footer" class="footer-docs" data-theme="c">
		<p>&copy; 2012 Grupo Engelmig</p>
</div>
	
    
</div><!-- /page -->

</body>
</html>
